/**
 * The HomeControl adds a control to the map that
 * returns the user to the control's defined home.
 */

var created = false;

// Define a property to hold the Home state
HomeControl.prototype.home_ = null;

// Define setters and getters for this property
HomeControl.prototype.isEnabled = function() {
  return this.enable_;
}

HomeControl.prototype.setEnable = function(enable) {
  this.enable_ = enable;
}

/** @constructor */
function HomeControl(controlDiv, map) {

  // We set up a variable for this since we're adding
  // event listeners later.
  var control = this;

  // Set CSS styles for the DIV containing the control
  // Setting padding to 5 px will offset the control
  // from the edge of the map
  controlDiv.style.padding = '5px';

  var button = document.createElement('button');
  button.className = 'btn btn-default';
  button.style.cursor = 'pointer';
  button.setAttribute('data-toggle', 'popover-dismiss');
  button.setAttribute('data-placement', 'left');
  button.setAttribute('data-container', 'body');
  button.setAttribute('data-content', 'Clique aqui e depois no local desejado no mapa para realizar o cadastro do marcador.');
  button.innerHTML = 'Novo Marcador';
  button.id = 'marcador-novo';
  // Set CSS for the control border
//  var marcadorUI = document.createElement('div');
//  marcadorUI.style.backgroundColor = 'white';
//  marcadorUI.style.borderStyle = 'solid';
//  marcadorUI.style.borderWidth = '1px';
//  marcadorUI.style.cursor = 'pointer';
//  marcadorUI.style.textAlign = 'center';
//  marcadorUI.id = 'marcador-novo';
//  marcadorUI.title = 'Clique aqui e depois no local desejado no mapa para realizar o cadastro do marcador.';
//  marcadorUI.className = 'popover-dismiss';
//  marcadorUI.setAttribute('data-toggle','popover');
//  marcadorUI.setAttribute('data-content','Clique no local desejado que ser� aberto o formul�rio para realizar o cadastro do marcador.');
//  marcadorUI.setAttribute('data-placement','left');
  controlDiv.appendChild(button);

  
  // Set CSS for the control interior
//  var marcadorText = document.createElement('div');
//  marcadorText.id = 'marcador-texto';
//  marcadorText.style.fontFamily = 'Arial,sans-serif';
//  marcadorText.style.fontSize = '12px';
//  marcadorText.style.paddingLeft = '4px';
//  marcadorText.style.paddingRight = '4px';
//  marcadorText.innerHTML = '<b>Novo Marcador</b>';
//  marcadorUI.title = 'Clique aqui e depois no local desejado no mapa para realizar o cadastro do marcador.';
//  marcadorText.setAttribute('data-toggle', 'tooltip');
//  marcadorText.setAttribute('data-placement', 'left');
//  
//  marcadorUI.appendChild(marcadorText);
  
  control.setEnable(false);
  
  // Setup the click event listener for Home:
  // simply set the map to the control's current home property.
  google.maps.event.addDomListener(button, 'click', function() {
	  if(!created){
		  $('#marcador-novo').popover({
			  trigger: 'focus'
		  });
		  $('#marcador-novo').popover('show');
		  created = true;
	  }
	 
	  
	  if(control.isEnabled())
		  control.setEnable(false);
	  control.setEnable(true);
	  
	  map.setOptions({ draggableCursor: 'crosshair' });
  });
  
}

